import { withRouter } from 'next/router';
import Link from 'next/link';
import { Carousel } from 'antd';

import banner_1 from '@/public/banner/banner1.jpg';
import banner_2 from '@/public/banner/banner2.jpg';
import banner_3 from '@/public/banner/banner3.jpg';

const Banner = ({ }) => {
    return (
        <div className="banner">
            <Carousel autoplay>
                <div>
                    <Link href="/ticket" prefetch={false}>
                        <a target="_blank"><img src={process.env.basePath + banner_1.src} alt="西藏旅游" /></a>
                    </Link>
                </div>
                <div>
                    <Link href="/ticket/578.html" prefetch={false}>
                        <a target="_blank"><img src={process.env.basePath + banner_2.src} alt="西藏旅游" /></a>
                    </Link>
                </div>
                <div>
                    <Link href="/ticket/590.html" prefetch={false}>
                        <a target="_blank"><img src={process.env.basePath + banner_3.src} alt="西藏旅游" /></a>
                    </Link>
                </div>
            </Carousel>
        </div>
    )
}

export default withRouter(Banner)